<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
         // 一,什么是指令?
         // 指令是vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。

         // 二,怎么样定义指令?
         // 1.定义全局指令
         // Vue.directive("focus", {
         //   inserted: function (el) {
         //     el.focus();
         //   },
         // });
         // 2.定义局部指令
        //  directives: {
        //   focus: {
        //        inserted: function(el){
        //            el.focus();
        //        }
        //    }
        //  }


         // 二,你定义过那些指令?
         /** 01.imageError (检测图片是否正确)
          *  这个指令是一个对象,对象里面是一个钩子函数,钩子函数里面有两个参数,第一个是dom,第二个是options,dom是需要绑定的元素,options是与它相关的属性,里面的内容就是先判断dom元素的src属性是否有内容,如果有就正常执行,如果没有就返回一个默认图片的路径
          */
    </script>
  </body>
</html>
